.cardWrap {
    box-sizing: border-box;
    margin: 120px 0px;
}

.card {
    width: 100%;
    max-width: 960px;
    height: 400px;
    background-color: #FFFFFF;
    margin: 72px auto auto auto;
}

.card:hover {
    box-shadow: #e4e4e4 0px 16px 24px;
}

.cardimg {
    float: left;
    width: 50%;
    height: 100%;
}

.cardimg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cardimg.cxy {
  background-image: url(../../img/banner/home_1.png);
}

.cardimg.bp {
  background-image: url(../../img/banner/home_2.png);
}

.cardimg.xydh {
    background-image: url(../../img/banner/home_3.png);
}

.cardimg.tscx {
  background-image: url(../../img/banner/home_4.png);
}

.cardcontain {
    float: left;
    width: 50%;
    height: 100%;
    text-align: center;
}

.cardcontain h3 {
    margin-top: 88px;
    font-size: 36px;
    color: #333333;
}

.cardcontain h4 {
    margin-top: 32px;
    font-size: 26px;
    color: #5A5A5A;
}

.cardcontain input[type="button"] {
    width: 144px;
    height: 48px;
    outline: none;
    border: 2px solid #000;
    background-color: #FFFFFF;
    margin-top: 100px;
    font-size: 16px;
    color: #5A5A5A;
}

.cardcontain input[type="button"]:hover {
    cursor: pointer;
    color: #333333;
}
